<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>

            .root {
                background-color: #333333;
                height: 80px;
                font-size: 25px;
                color: #b0b0b0;
                background-color: #1479d7;
            }

            a {
                text-decoration: none;
                line-height: 80px;
                width: 100px;
                color: #fff;
                font-size: 25px;
                display: inline-block;
                text-align: center;
            }

            a:hover {
                background-color: grey;
            }
        </style>
    </head>
    <body>

        <div class="root">

            <a href="#">新闻</a>
            <a href="#">视频</a>
            <a href="#">图片</a>
            <a href="#">军事</a>
            <a href="#">体育</a>
            <a href="#">NBA</a>
        </div>

    </body>
</html>